<template>
    <div class>
        <div class="input-item">
            <div class="lbl-box">
                <label for="txtPasswordCom">请输入密码</label>
            </div>
            <div class="txt-box">
                <div class="val-box partial">
                    <input
                        class="txt-input"
                        id="txtPasswordCom"
                        name="passwordCom"
                        type="password"
                        placeholder="请输入密码"
                        ref="passwordCom"
                        value
                        v-model="passwordCom"
                    >
                    <i class="icon iconfont icon-guanbi111 custom-Eicon" @click="keywordEmpty()"></i>
                </div>
            </div>
        </div>
    </div>
</template>

<script type="text/ecmascript-6">
    export default {
        name: "",
        data() {
            return {};
        },
        components: {},
        methods: {
            keywordEmpty() {
                this.$refs.passwordCom.value = "";
            }
        },
        computed: {
            passwordCom: {
                get() {
                    return this.$store.state.loginform.passwordCom;
                },
                set(value) {
                    this.$store.commit("updatePasswordCom", value);
                }
            },
        }
    };
</script>

<style scoped lang="css">
</style>
